<!DOCTYPE html>
<html>
<head lang="zh">
    <meta charset="UTF-8"/>
    <title>水水的证件-身份证、证件加水印小工具</title>
    <meta name="keywords" content="证件水印，身份证水印，证件加水印，身份证加水印，图片加水印，水印在线制作，水印制作，加水印，如何制作水印，水印怎么做，水印制作软件"/>
    <meta name="description" content="水水的的证件提供一键给证件、身份证加水印的小工具，确保证件信息安全、不被泄漏"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="/assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="/assets/css/index.css"/>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?a7e073b9b64a45048b2821a151f17d89";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<div class="header am-container">
    <div class="am-g">
        <h1>水水的证件</h1>
        <p>加水印操作在本地完成，任何证件信息均不会上传到网站，请放心使用</p>
    </div>
</div>
<div class="am-container">
    <div class="am-u-lg-12 am-u-md-8 am-u-sm-centered">
        <form class="am-form am-form-horizontal">
            <fieldset>
                <div class="am-form-group">
                    <label for="markText" class="am-u-lg-2 am-u-sm-12 am-form-label">水印文字:</label>
                    <div class="am-u-lg-10 am-u-sm-12">
                        <input name="markText" class="am-form-field am-radius" id="markText"
                               value="此证件仅供办理XX业务使用，他用无效"/>
                    </div>
                </div>
                <div class="am-form-group am-form-file am-u-sm-12">
                    <button type="button" class="am-btn am-btn-default am-btn-block am-round">
                        选择证件图片
                    </button>
                    <input id="doc-form-file" type="file" name="srcImage"
                           accept="image/png,image/jpg,image/jpeg,image/bmp"/>
                </div>
                <div class="am-form-group am-form-file am-u-sm-12" id="saveButton" style="display: none">
                    <a type="button" id="download" class="am-btn am-btn-primary am-round am-btn-block">保存图片</a>
                </div>
                <div class="am-form-group am-form-file am-u-sm-12 am-alert" id="saveMethod1" style="display: none">
                    长按下方效果图，保存到相册
                </div>
                <div class="am-form-group am-form-file am-u-sm-12 am-alert" id="saveMethod2" style="display: none">
                    鼠标右键点击效果图保存到本地
                </div>
            </fieldset>
        </form>
    </div>
    <div class="am-u-lg-12 am-u-md-8 am-u-sm-centered example">
        <img id="result" src="/assets/image/example.jpg"/>
        <div class="text">水印效果实时预览</div>
    </div>
</div>
<div class="am-container">
    <p class="footer">浙ICP备17043803号 © 2017 Simple Tool. 联系我们:<a href="mailto:simpletool@126.com">simpletool@126.com</a>
    </p>
</div>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.js"></script>
<!--<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/waterMark.js"></script>
<script src="assets/js/app.js"></script>
<canvas id="myCanvas"></canvas>
</body>
</html>